<template>
  <div v-if="hotRank">
    <p>{{ hotRank.description }}</p>
  </div>
</template>

<script>
import { mapState } from "vuex";
import { getHotRanK } from "../apis";

console.log("getHotRanK", getHotRanK);
export default {
  computed: mapState(["hotRank"]),
  created: function () {
    // this.axios
    //   .get("https://apis.netstart.cn/music/playlist/detail?id=3778678")
    //   .then((res) => {
    //     // console.log(res.data.playlist);
    //     this.hot = res.data.playlist;
    //   });
    // getHotRanK().then((res) => {
    //   this.hot = res.data.playlist;
    // });

    // getHotRanK().then((res) => {
    //   this.$store.commit("updateHotRank", { data: res.data.playlist });
    // });

    this.$store.dispatch("getHotRanKAction");
  },
};
</script>

<style>
</style>